<template>
	<view class="share">
		<view class="img">
			<image src="../../static/emptyCart.jpg" mode=""></image>
		</view>
		<view class="content">
			国内权威语言专家来了，宝宝
			开口快、吐字清晰、学得好！
		</view>
		<view class="head-portrait">
			<image src="/static/missing-face.png" mode=""></image>
			<view>
				<text>kevin</text>
				<text>向你推荐一个很棒的活动</text>
			</view>
		</view>
		<view class="code">
			<image src="/static/huodong_active.png" mode=""></image>
		</view>
		<view class="discern"><text>长按识别 查看活动</text></view>
		<view class="logo">
			<image src="/static/laibalaimalogo.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.share {
		height: 1364rpx;
		background: #fdeeda url('https://oss.laiba.shop/system/images/zhiboshare2.jpg') no-repeat center center;
		background-size: 100%;
		padding-top: 60rpx;
		.img {
			width: 656rpx;
			height: 492rpx;
			margin: 0 auto;
			image {
				width: 100%;
				border-radius: 14rpx 14rpx 0rpx 0rpx;
			}
		}
		.content {
			width: 544rpx;
			height: 105rpx;
			font-size: 40rpx;
			line-height: 66rpx;
			color: #404040;
			margin: 40rpx auto 68rpx;
		}
		.head-portrait {
			width: 656rpx;
			margin: 0 auto;
			display: flex;
			image {
				width: 63rpx;
				height: 63rpx;
				border-radius: 50%;
				margin-left: 56rpx;
			}
			view {
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				text:nth-child(1) {
					font-size: 28rpx;
				}
				text:nth-child(2) {
					font-size: 23rpx;
					color: #ffbc30;
				}
			}
		}
		.code {
			width: 656rpx;
			margin: 0 auto;
			// width: 176rpx;
			height: 176rpx;
			image {
				width: 176rpx;
				height: 176rpx;
				margin-left: 56rpx;
				margin-top: 20rpx;
			}
		}
		.discern {
			width: 656rpx;
			margin: 0 auto;
			font-size: 19rpx;
			color: #9a9a9a;
			padding-top: 10rpx;
			text {
				margin-left: 70rpx;
			}
		}
		.logo {
			width: 656rpx;
			margin: 0 auto;
			image {
				width: 199rpx;
				height: 33rpx;
				margin-left: 56rpx;
				margin-top: 16rpx;
			}
		}
	}
</style>
